<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.header{ background:#fff; height: 122px; }
.header .hd{ background: #2056ac; color:#fff; line-height: 32px;}
.header .hd a{ color:#fff;  }
.header .hd a:hover{ text-decoration: underline; }
.header .hd .tlink span{ padding:0 10px;}
.header .header_sticky{ background:#fff; }
.header .uk-navbar-sticky{ box-shadow: 5px 5px 5px rgba(0,0,0,.1); }
.header .bd{ height: 90px;}
.header .uk-navbar-left{ min-height:90px; }
.header .logo{  }
.header .logo img{ margin:0; }

.header .uk-navbar-right{ min-height:90px; }
.header .uk-navbar-right&gt;ul&gt;li{  position: relative; margin-left:20px;  }
.header .uk-navbar-right&gt;ul&gt;li&gt;a{ position: relative; z-index: 2; min-height: 90px; width:106px; text-align: center; line-height:90px; text-align: center; display: block; color:#363636; padding:0 20px; font-size: 16px; transition: all 0.5s;}
.header .uk-navbar-right&gt;ul&gt;li&gt;a:hover, .header .uk-navbar-right&gt;ul&gt;li.active&gt;a{ background: #2056ac; color:#fff; }
.header .uk-navbar-right&gt;ul&gt;li&gt;a::before{ position: absolute; top:90px; left: 0; content: ''; display: block; width:0; height: 0; border-left:53px solid transparent; border-right: 53px solid transparent; border-bottom:0; border-top:20px solid #2056ac; transition: all 0.5s; opacity: 0; }
.header .uk-navbar-right a:hover::before, .header .uk-navbar-right .active a::before{ opacity: 1; }
.header .uk-navbar-right&gt;ul&gt;li:first-child a{ width:74px;}
.header .uk-navbar-right&gt;ul&gt;li:first-child a::before{ border-left-width:37px; border-right-width:37px; }
.header .uk-navbar-right&gt;ul&gt;li .uk-drop{ background:rgba(255,255,255,.8); width:106px; padding:10px 0; margin-top:0!important; }
.header .uk-navbar-right&gt;ul&gt;li .uk-drop a{ color:#515151; display: block; line-height: 40px;  }
.header .uk-navbar-right&gt;ul&gt;li .uk-drop a:hover{ background:#2056ac; color:#fff;  }
.header .uk-navbar-right&gt;ul&gt;li:nth-child(6)&gt;a{ padding:0;}

.banner{ position: relative;}
.banner .uk-slidenav{ width:40px; height: 80px; text-align: center; opacity: 0.6; }
.banner .uk-slidenav svg{ display: none;}
.banner .uk-slidenav-previous{ background: url(../images/ban_l.png) no-repeat; left: 50px; }
.banner .uk-slidenav-next{ background: url(../images/ban_r.png) no-repeat; right:50px; }
.banner .uk-slidenav:hover{  opacity: 1; }
.banner .uk-dotnav{ bottom:30px; }
.banner .uk-dotnav&gt;*&gt;*{ width:18px; height: 18px; border:0; background: url(../images/ban_num.png);}
.banner .uk-dotnav&gt;.uk-active&gt;*{ background: url(../images/ban_num_cur.png);}

.title{ position: relative; margin-bottom:30px; text-align: center; line-height: 1.4;}
.title a{ display: inline-block; position: relative;}
.title a span{ position: relative;}
.title a span::before,.title a span::after{ position: absolute; top:18px; content: ''; display: block; width:7px; height: 7px; background: #d8d8d8; border-radius: 50%; }
.title a span::before{ left: -15px;}
.title a span::after{ right:-15px; }
.title a::before,.title a::after{ position: absolute; top:22px; content: ''; display: block; width:100px; height: 1px; background: #d8d8d8;}
.title a::before{ left: -110px;}
.title a::after{ right: -110px;}

.ipart1{ padding:70px 0; }
.ipart1 .iabout .pic { position: relative; z-index: 2; display: block; }
.ipart1 .iabout .pic .text { position: absolute; left: 50px; bottom: -20px; width: 100%; font-size: 54px; color: #2358a9;  line-height: 1; text-transform: uppercase; }
.ipart1 .iabout .con { padding: 45px 60px; background: #eeeff1; position: relative; }
.ipart1 .iabout .con:before{content:''; position:absolute; width:1px; height:100px; background:#dadada; left:30px; top:0;}
.ipart1 .iabout .con:after{content:''; position:absolute; width:100px; height:1px; background:#dadada; left:0px; top:30px;}
.ipart1 .iabout .con .uk-grid{ margin-top:20px; }
.ipart1 .iabout .con .uk-grid a{ display: block; width:90px; height: 90px; border-radius: 50%; background: #e3e6ec; margin: 0 auto; color: #384b60; transition: all 0.3s; padding-top:12px;}
.ipart1 .iabout .con .uk-grid a:hover{color: #fff; background: #2056ac;}
.ipart1 .iabout .con .iconfont{ line-height: 1; color:#2056ac; }
.ipart1 .iabout .con .uk-grid a:hover .iconfont{ color: #fff; }
.ipart1 .part .tit{ background:url(../images/bg_tit1.jpg) right top; color:#fff; padding:10px 20px; margin-bottom:20px; }
.ipart1 .part .tit&gt;div{ line-height: 30px; ;}
.ipart1 .part li{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #cbcbcb; }
.ipart1 .part li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
.ipart1 .part li &gt;div{ padding-left: 90px; }
.ipart1 .part li .date{ position: absolute; left: 0; width:75px; height: 75px; background:#cbcbcb; text-align: center; color:#fff;  } 
.ipart1 .part li .date .f40{ line-height: 50px; }
.ipart1 .part li .date .f16{ line-height:25px; background:#b9b9b9; }
.ipart1 .part li .con .f16{ margin-bottom:5px; color:#525252; }
.ipart1 .part li:hover .date{ background:#d03837; }
.ipart1 .part li:hover .date .f16{ background:#bf3532; }
.ipart1 .part li:hover .con .f16{ color:#bf3532; }

.ipart1 .ivideo .vdo{ height:225px; position: relative; overflow:hidden; }
.ipart1 .ivideo .tit{ background:#2056ac; padding:5px; }
.ipart1 .inotice{ background:#fff; border:1px solid #dbdbdb; border-radius: 3px; padding:10px 20px 15px; }
.ipart1 .inotice .tit{ border-bottom:1px solid #cbcbcb; margin-bottom:13px; padding-bottom:5px;  }
.ipart1 .inotice li&gt;div{ border-bottom:1px dotted #ddd; padding:9px 0; line-height:1.6; min-height: 62px; }
.ipart1 .inotice li:last-child&gt;div{ border-bottom:0; }
.ipart1 .inotice li:hover&gt;div{ color:#2056ac; }



.ipart2{ padding:70px 0; background:url(../images/bg_part1.png) center; background-size: cover; }
.ipart2 .newstit{ border-bottom:3px solid #cbcbcb; margin-bottom:20px; }
.ipart2 .newstit .more{ width:30px; height: 30px; text-align: center; line-height: 30px; background:#dbdbdb; border-radius: 50%;}
.ipart2 .newstit .more:hover{ background:#2056ac; }
.ipart2 .newsslide{ width:520px; }
.ipart2 .newsslide img{ left: 50%; top: 50%;}
.ipart2 .newsslide .tit{ position: absolute; bottom:0;  width:100%;  padding:7px 120px 7px 15px; background:rgba(0,0,0,0.8); }
.ipart2 .newsslide .uk-position-bottom-right{ bottom:15px; right:15px;}
.ipart2 .newsslide .uk-position-bottom-right .uk-active a{ background:#2056ac; }
.ipart2 .inews li.first{ border-bottom:1px dashed #cbcbcb; padding-bottom:20px; margin-bottom:10px; }
.ipart2 .inews li.first .tit{ margin-bottom:5px; }
.ipart2 .inews li.first .con{ position:relative; padding-left:130px; }
.ipart2 .inews li.first .con .pic{ position:absolute; left:0; top:0; width:120px; height:90px; overflow:hidden; }
.ipart2 .inews li.first .con .pic img{ max-height:100%;}
.ipart2 .inews li:not(:first-child)&gt;div{ padding:0 80px 0 15px; line-height: 38px; }
.ipart2 .inews li:not(:first-child)&gt;div::before{ position: absolute; left:0; top:16px; content:''; display: block; width:7px; height: 7px; border-radius: 50%; border:1px solid #515151; }
.ipart2 .inews li:not(:first-child)&gt;div .date{ position: absolute; right:0;}
.ipart2 .inews li:hover .f16{ color:#2056ac; }
.ipart2 .inews li:not(:first-child):hover&gt;div::before{ background:#2056ac; }
.ipart2 .ivideo .vdo{ height:160px; position: relative; }
.ipart2 .ivideo .tit{ background:#2056ac; padding:5px; }
.ipart2 .inotice{ background:#fff; border:1px solid #dbdbdb; border-radius: 3px; padding:10px 20px 15px; }
.ipart2 .inotice .tit{ border-bottom:1px solid #cbcbcb; margin-bottom:13px; padding-bottom:5px;  }
.ipart2 .inotice li&gt;div{ border-bottom:1px dotted #ddd; padding:9px 0; line-height:1.6; min-height: 62px; }
.ipart2 .inotice li:last-child&gt;div{ border-bottom:0; }
.ipart2 .inotice li:hover&gt;div{ color:#2056ac; }

.ipart2 .part .tit{ background:url(../images/bg_tit1.jpg) right top; color:#fff; padding:10px 20px; margin-bottom:20px; }
.ipart2 .part .tit&gt;div{ line-height: 30px; ;}
.ipart2 .part li{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #cbcbcb; }
.ipart2 .part li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; }
.ipart2 .part li &gt;div{ padding-left: 90px; }
.ipart2 .part li .date{ position: absolute; left: 0; width:75px; height: 75px; background:#d03837; /*background:#cbcbcb;*/ text-align: center; color:#fff;  } 
.ipart2 .part li .date .f40{ line-height: 50px; }
.ipart2 .part li .date .f16{ line-height:25px; background:#bf3532; /*background:#b9b9b9;*/ }
.ipart2 .part li .con .f16{ margin-bottom:5px; color:#525252; }
.ipart2 .part li:hover .date{ background:#d03837; }
.ipart2 .part li:hover .date .f16{ background:#bf3532; }
.ipart2 .part li:hover .con .f16{ color:#bf3532; }


.ipart3{ padding:80px 0 100px; }
.ipart3 .uk-slider-items{ margin-left:-25px;}
.ipart3 .uk-slider-items&gt;li{ padding-left:25px; }
.ipart3 .uk-slider-items .tit{ height: 50px; line-height: 50px; padding:0 20px; background: #f2f2f2; transition: all ease 0.3s;}
.ipart3 .uk-slider-items&gt;li:hover .tit{ background: #2056ac; color:#fff; }
.ipart3 .uk-slidenav{ width:60px; height: 60px; padding:5px 14px; position: relative; border-radius: 50%; background: #fff; box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); color:#000; }
.ipart3 .uk-slidenav svg{ display: block; margin-top:18px; height:14px;}
.ipart3 .uk-slidenav-previous{ margin-right: -30px; }
.ipart3 .uk-slidenav-next{ margin-left: -30px;  }
.ipart3 .uk-slidenav-next svg{ float: right; }
.ipart3 .uk-slidenav::before{ content:''; display: block; width:25px; height: 1px; background: #000; position: absolute; left: 18px; top:30px; }

.ipart4{  background:#f5f5f5; padding:90px 0 100px;}


.ilink{ padding:20px 0; }
.ilink span{ line-height: 30px;}
.ilink a{ display: inline-block; padding:0 5px; line-height: 30px; }


.footer{ background: #235cb2; padding:30px 0 0px; color:rgba(255,255,255,0.6);}
.footer .fotnav dl{ border-right:1px solid #3368b7; }
.footer .fotnav dl dt{ font-weight: normal; position: relative; padding-bottom:15px; margin-bottom:15px; }
.footer .fotnav dl dt::before{ content:''; display: block; width:20px; height: 1px; background:#fff; position: absolute; bottom:0; left: 0; }
.footer .fotnav dl dt a{ color:#fff; }
.footer .fotnav dd a{ color:rgba(255,255,255,0.6); line-height:30px;  }
.footer .fotnav dd a:hover{ color:#fff; }

.footer .fotcat{ margin-left:80px; }
.footer .fotcat .tel{ border-top:1px solid #3368b7; border-bottom:1px solid #3368b7; }
.footer .fotqr{}

.footer .copyright{ background:#153a73; padding:20px 0; margin-top:50px; color:rgba(255,255,255,0.8); }
.footer .mediaico a{ margin-right:10px; color:#767676; display: inline-block; width:30px; height: 30px; line-height: 28px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.2); border:1px solid #235cb2; }
.footer .mediaico a:hover{ background: #235cb2; color:#fff; }
.footer .copyright a{color:rgba(255,255,255,0.8); }
.footer .copyright a img{ height:20px; vertical-align: middle; margin-top:-4px;}
.footer .copyright a:hover{ color:#fff;}



/*å†…é¡µå¯¼èˆª*/
.inban{ position: relative; height: 320px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; }
.inban .uk-navbar{ background:rgba(0,0,0,0.6); color:#fff; }
.inban .uk-navbar .uk-navbar-left{ background:#235cb2; color:#235cb2; padding:10px 20px;  }
.inban .uk-navbar .uk-navbar-right{ color:rgba(255,255,255,0.6); margin-right:20px;}
.inban .uk-navbar .uk-navbar-right a{ color:rgba(255,255,255,0.6); margin:0 5px; }
.inban .uk-navbar .uk-navbar-right a:hover{ color:#fff; }

.tBody{ background: #fff; padding-bottom:120px; padding-top:70px;  min-height: 680px; }



/*å­å¯¼èˆª*/
.subnav{ border-bottom:1px solid #e7e7e7; height: 66px; padding-top:10px;}
.subnav a{ display: inline-block; position: relative; color:#626262; line-height: 55px; height: 55px; padding: 0 10px; margin:0 20px; text-align: center; }
.subnav a:hover,.subnav a.active{ color:#2056ac; }
.subnav a:hover::before,.subnav a.active::before{ position: absolute; bottom:-2px; left: 0; content:''; width:100%; height: 3px; background: #2056ac; border-radius: 5px; }

/* .crumb{border-bottom:1px solid #e7e7e7; height: 66px; padding-top:10px;}
.crumb .wrap{ line-height: 55px; color:#717171; }
.crumb .wrap a{ color:#717171; }
.crumb .wrap a:last-child,.crumb .wrap a:hover{ color:#2056ac; }
 */



/*æ‹›è˜*/
.joblist li{ background:#f7f7f7; padding:20px 30px; margin-bottom:30px; }
.joblist li .tit{ border-bottom:1px dotted #bdbdbd; padding:10px 0; color:#000;}
.joblist li .ctn{ padding:15px 0; color:#838383; line-height: 2; }
.joblist li .ctn .wrap{ position: relative; padding-left:90px; /*margin-bottom:20px;*/ }
.joblist li .ctn .wrap&gt;span.name{ position: absolute; left: 0;}


.joinus{ margin-bottom:80px; }
.joinus .box{ margin:40px auto 0; max-width: 800px; border-radius: 25px; border:2px dashed #eaeaea; padding:10px 80px; }
.joinus .box li{ margin:15px 0; position: relative; padding-left:90px; }
.joinus .box li span{ position: absolute; left: 0; }



.content{ line-height: 2; color:#494949; }
.content img{ height: auto!important;}
/* .content table{ max-width:100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */
/* .content table{ border-collapse:collapse; backface-visibility:visible; width: 100%; }
.content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */
/* .content table{ border-collapse: collapse; width:100%; }
.content table td{border:1px solid #ccc!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;}
.content table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;}
.content table tbody tr &gt;td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; } */



/*å…³äºŽæˆ‘ä»¬*/
.culture .info{ max-width:800px; border:2px dashed #ece2dc; margin: 0 auto; text-align: center; padding:30px 50px; margin-bottom: 80px; }
.culture .icos .uk-panel{ width:340px; }
.culture .icos .desc{ padding:20px; line-height: 2.2; }
.culture .icos .f36{ width:174px; height: 200px; margin:0 auto; line-height: 200px; text-align: center; color:#fff; background: url(../images/bg_six_big.png); background-size: cover; }

.company2{ background:#f1f1f1; padding:70px 0;}


/*å‘å±•åŽ†ç¨‹*/
.history&gt;div{ color:#e1e1e1; }
.history ul{ position: relative; padding-top:70px; padding-bottom:40px; margin-top:-40px; }
.history ul::before{ position: absolute; top:0; left: 50%; margin-left:-1px; content:''; display: block; width:1px; height: 100%; border-radius: 50%; background: #e1e1e1; }
.history ul li{ min-height: 150px; position: relative;}
.history ul li .wrap{ position: relative; padding-top:34px; }
.history ul li .year{ position: absolute; top:0; left:50%; margin-left:-50px; display: block; width:100px; height: 100px; line-height: 100px; border-radius: 50%; text-align: center; background:#2056ac;  }
.history ul li .year::before{ content:''; display: block; width:0; height: 0; position: absolute; top:46px; }
.history ul li:nth-child(odd){ padding-left: 50%;}
.history ul li:nth-child(odd) .wrap{ padding-left: 120px; }
.history ul li:nth-child(odd) .year::before{ left: 98px; border-top:4px solid #fff; border-bottom:4px solid #fff; border-left:60px solid #2056ac; border-right:0;}
.history ul li:nth-child(even){ padding-right: 50%;}
.history ul li:nth-child(even) .wrap{ padding-right: 120px; text-align: right;}
.history ul li:nth-child(even) .year::before{ left: -58px; border-top:4px solid #fff; border-bottom:4px solid #fff; border-right:60px solid #2056ac; border-left:0;}
.history ul li:hover .year{ background-color: #d03837;}
.history ul li:nth-child(odd):hover .year::before{ border-left-color:#d03837; }
.history ul li:nth-child(even):hover .year::before{ border-right-color:#d03837; }




/*ç•™è¨€*/
.gbktit{ width:800px; margin: 40px auto; }
.gbktit .iconfont{ display: block; background: #2056ac; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; color:#fff; font-size: 50px;}


/*è”ç³»æˆ‘ä»¬*/
.contact { padding:0px 150px; color:#777; }
.contact .circle{ width:120px; height: 120px; border-radius: 50%; font-size:24px; color:#fff; background: #2056ac; padding:30px; text-align: center; line-height: 1.2; }
/* .contact .catwrap{ margin-bottom: 60px;  padding-top: 50px;} */
#amap{ height: 500px; margin-top:70px; }
/* .contact .cat li{ line-height: 30px;} */

.message { max-width:980px; margin-left: auto; margin-right:auto; }
.msgtit{ margin:0 60px 60px}
.msgtit .iconfont{ display: block; width:90px; height:90px; line-height: 90px; text-align: center;  border-radius:50%;  background:#2056ac; color: #fff; font-size: 40px; }

.message .box .uk-grid&gt;*{ margin-bottom:30px; position: relative; }
.message .uk-form-horizontal .uk-form-controls{ margin-left:0; }
.message .uk-form-horizontal .uk-form-label{ position: absolute; left: 60px; top:4px; font-size:16px; color:#878787; width: auto; }
.message .uk-form-horizontal .uk-input{ height: 50px; padding-left:110px; background: #fbfbfb; }
.message .uk-form-horizontal .uk-textarea{padding-left:110px; height: 150px; padding-top:12px; background: #fbfbfb; }
.message .msgcode{ padding-right: 150px;}
.message .msgcode img{ position: absolute; right:0; cursor: pointer; }
.message .uk-button{ height: 50px; width:120px; font-size:18px; border-radius: 6px; margin-left:10px;  }



/*æ–°é—»*/
/* .newsBody{ padding-top:50px; padding-bottom: 125px;}
.newspart{ position: relative; padding-right: 290px; min-height: 500px;}
.newspart .nside{ position: absolute; right: 0; top:0;}
.newspart .nside ul{ position: absolute; width: 100px; top:0;}
.newspart .nside ul:nth-child(1){ right: 107px;}
.newspart .nside ul:nth-child(2){ right: 0px;}
.newspart .nside li{ width: 100px; height: 100px; background: #f4f4f4; margin-bottom: 7px; }
.newspart .nside li a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#8d8d8d; text-align: center; padding-top:17px;}
.newspart .nside li a i{ font-size: 40px; display: block; height: 40px; line-height: 40px;color:#cdcdcd;}
.newspart .nside li a.cur,.newspart .nside li a:hover{ background: #2056ac; color:#fff;}
.newspart .nside li a.cur i,.newspart .nside li a:hover i{ color:#fff;} */

.newslist ul{ padding-top: 40px; border-top: 1px solid #e9e9e9; }
.newslist li{ position: relative; margin-bottom: 40px; border-bottom:1px solid #e5e5e5; padding-bottom:40px; }
.newslist li .date{ margin-right:40px; padding-top:10px; margin-right:80px; width:120px; position: relative; color:#333333; order:-1; }
.newslist li .date::before{ position: absolute; top:30px; right: -40px; content:''; display: block; width:1px; height: 100px; background: #d6d6d6; }
.newslist li .pic{ margin-left:50px; order:2; }
.newslist li .pic .img{ width:280px; }
.newslist li .con{ padding:20px 0;  }
.newslist li .con .f24{ margin-bottom:15px; }
.newslist li .con .desc{color:#838383; line-height: 2;}
.newslist li:hover{ border-color:#2056ac; }
.newslist li:hover .date{ color:#2056ac; }
.newslist li:hover .date::before{ background: #2056ac;}
.newslist li:hover::before{ position: absolute; top:-41px; left: 0; content:''; display: block; width:100%; height: 1px; background: #2056ac;}
.newslist li:hover .f24{ color:#2056ac; }


/*Faq*/
/*qa*/
/* .faqlist&gt;ul&gt;li{ position: relative; margin-bottom:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; }
.faqlist .uk-accordion-title{ padding: 30px 0; position: relative;}
.faqlist .uk-accordion-title i{ position: absolute; left: 0; top:32px; color:#fff; background: #939393;  display: block; width: 35px; height: 35px; line-height: 31px; border-radius: 50%; font-size: 26px; font-style: normal; text-align: center; }
.faqlist .uk-accordion-content{ margin: 0; padding-bottom: 40px; color:#828282;}
.faqlist .uk-accordion-content&gt;*{ line-height: 1.8;}
.faqlist .uk-open{ }
.faqlist .uk-open .uk-accordion-title{ color:#2056ac;}
.faqlist .uk-open .uk-accordion-title i{ background: #2056ac;}
.faqlist .uk-open + li{  }
.faqlist li.uk-open:last-child::after{  } */




.downlist li{ height: 60px; line-height: 58px; border:1px solid #efefef; margin-bottom:-1px; padding:0 20px; }
.downlist li:nth-child(odd){ background: #f5f5f5; }
.downlist li:nth-child(even){ border-left-color:#fff; border-right-color:#fff;}
/* .downlist li a{ color:#404040; }
.downlist li a:hover{ color:#0184cf; } */


/*æœç´¢*/
.searchlist .searchinfo{ background: #e9e9e9; padding: 10px 15px; margin-bottom: 20px; color:#7b7b7b; }
.searchlist li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #e9e9e9; position: relative; padding-left: 15px; position: relative; }
.searchlist li .iconfont{ position: absolute; left: 0; top:5px; }
.searchlist li .date{ margin-bottom: 5px;}
.searchlist li .gl{ color:#000000; }
.searchlist li:hover{ border-color:#2056ac; }
.searchlist li:hover::before{ position: absolute; top:-21px; left: 0; content:''; display: block; width:100%; height: 1px; background: #2056ac;}
.searchlist li:hover .gl{ color:#2056ac; }





h1.f30{ margin-top:30px; padding-left:50px; padding-right:50px; }
.infos{  margin-bottom: 30px; /*padding-bottom: 10px; border-bottom:1px dotted #e4e4e4;*/ }

/* .share{ margin:10px 0;} */



/*ä¸Šä¸‹é“¾æŽ¥*/
.cother{background: #f6f6f6;}
.cother ul{ padding:15px 25px;}
.cother ul li{ padding: 0; background-size: auto; }
.cother ul li a{color:#8a8a8a; }
.cother ul li a:hover{color:#2056ac; }
.cother ul li:last-child{ text-align: right;}
.cother span{ display: inline-block; }
.cother li:first-child{ padding-left: 20px; background: url(../images/icon_prev.png) left center no-repeat;}
.cother li:last-child{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;}


/*åˆ†é¡µ*/
.pages{ margin-top:40px; margin-bottom: 40px;}
.pages a,.pages .page-num{ display: block; padding:0; height: 42px; line-height: 40px; padding:0 8px; min-width:42px; text-align: center; border:1px solid #e9e9e9;  background: #ffffff; margin-left:-1px; }
.pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.pages a span{ display: block; height: 100%; line-height: 38px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #2056ac; border-color:#2056ac; }
.pages a:hover span{ color:#fff;}
/* .pages .uk-icon{ padding-top:2px; } */




/*èµ„è´¨è£èª‰*/
.uk-lightbox{ background: rgba(0,0,0,.5);}
.lightbox .uk-grid{}
.lightbox li{ }
.lightbox li&gt;div{ border:1px solid #ebebeb; background:#f7f7f7; }
.lightbox li&gt;div .name{ line-height: 40px; text-align: center; background: #f7f7f7; border-top:1px solid #ebebeb;}
.lightbox li:hover&gt;div{ }
.lightbox li:hover&gt;div .name{ color:#2056ac; }


/*åˆä½œ*/
.partner li&gt;.wrap{ border:1px solid #e5e5e5; padding:20px; }
.partner li&gt;.wrap .pic{ height: 100px;}
.partner li&gt;.wrap .pic img{ max-width: 100%; max-height: 100px;}
.partner li&gt;.wrap:hover{ border-color:#2056ac; }
.partner li&gt;.wrap:hover .name{ color:#2056ac; }

/*æ¡ˆä¾‹*/
.caselist ul{ margin-left:-30px; }
.caselist ul li{ padding-left:30px; margin-bottom:90px; }
.caselist ul li .name{ bottom:-25px; background: #2056ac; width:260px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; color:#fff; transition: all ease 0.2s; }
.caselist ul li:hover .name{ background: #174da2;}
.caselist ul li .uk-overlay-default{ background: rgba(32,76,172,0.3);}

/*å›¢é˜Ÿ*/
/* .teamlist li{ margin-bottom:30px; position: relative; min-height: 270px;}
.teamlist li .pic{ width: 200px; position: absolute; top:0; }
.teamlist li .desc{ line-height: 1.8; margin-top:10px;}
.teamlist li:nth-child(odd){ padding-left: 220px;}
.teamlist li:nth-child(odd) .pic{ left: 0; }
.teamlist li:nth-child(even){ padding-right: 220px;}
.teamlist li:nth-child(even) .pic{ right: 0; } */





/*è§†é¢‘*/
.videolist li&gt;div{ border:1px solid #ebebeb; background:#f7f7f7; }
.videolist li&gt;div .tit{ line-height: 40px; text-align: center; background: #f7f7f7; border-top:1px solid #ebebeb;}
.videolist li:hover&gt;div .tit{ color:#2056ac; }


/*äº§å“*/
.productlist li{  }
.productlist .wrap{ width:100%; border:1px solid #e8e8e8; background: #fff; }
.productlist .pic{ padding:10px;}
.productlist .tit{ background:#f5f5f5; padding:10px; text-align:center; border-top:1px solid #e8e8e8; transition: all 0.3s; }
.productlist li:hover .tit{ color:#fff; background:#2056ac; }

.product{ }
.product *{outline: none}
.product .proslide{ width:440px; overflow: hidden; text-align: center; }
.product .proslide .uk-slideshow-items{ border:1px solid #eaeaea; padding:10px; }
.product .proslide .thumb { padding: 15px 35px;  background-color: #f7f7f7; border:1px solid #eaeaea; border-top:0; }

.product .probase .pname{ line-height: 26px; margin-bottom: 25px;}
.product .probase .pprice{ background: #fafafa; margin-top:15px; padding:10px 30px;}
.product .probase .pprice .uk-label{ border-radius: 0; line-height: 20px; margin-left:10px; color:#fff; }
.product .probase .specs{ color:#5c5c5c; padding:15px 0px;}
.product .probase .specs li{ padding:5px 0;}
.product .probase .buyc{ padding-left:40px; }
.product .productContent{ margin-top:40px; }
.product .productContent&gt;.uk-subnav{ border:1px solid #eaeaea; margin-left:0!important; height: 51px; background: #fafafa; }
.product .productContent&gt;.uk-subnav&gt;*{ padding-left:0; min-width: 135px; text-align: center; margin-left:-1px; }
.product .productContent&gt;.uk-subnav a{line-height: 49px; padding:0; font-size:16px; color:#2f2f2f; }
.product .productContent&gt;.uk-subnav .uk-active a,.productCtn .productContent&gt;.uk-subnav a:hover{ margin-top:-1px; position: relative; z-index: 2; border-top:3px solid #2056ac;  border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background: #fff; line-height: 48px; }
.product .productContent .uk-switcher&gt;li{ padding: 25px 40px; border:1px solid #eaeaea; border-top:0; }
.product .productContent .prospec{ padding-bottom:20px; border-bottom:1px dotted #c4c4c4; margin-bottom:20px; }
.product .productContent .prointro{ }

.prointro table{ border-collapse: collapse; width:100%; }
.prointro table td{border:1px solid #2056ac!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;}
.prointro table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;}
.prointro table tbody tr &gt;td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; }





/*åˆä½œå®¢æˆ·*/
.customer{ background: #f5f5f5; padding:60px 0; margin:20px 0 40px;}
.customerlist{ border-top:1px solid #efefef; border-left: 1px solid #efefef; background: #fff;}
.customerlist .uk-pannel{  border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.customerlist .uk-pannel a:hover{ box-shadow: 0 0 5px 0px #2056ac;}


/*å¼¹å‡ºå±‚*/
.my-modal-simple .uk-modal-dialog{ width:220px; }
.my-modal-medium .uk-modal-dialog{ width:450px; }
.my-modal-large .uk-modal-dialog{ width:940px; }



/**/
.floaticon {z-index: 99;position: fixed; right:15px; top: 50%; margin-top:-200px; }
.floaticon .floaticonLogo{ width:100px;}
.floaticon .floaticonLogo a{ display: block; background: #fff; height: 100px; color:#5c5c5c; text-align: center; padding-top: 25px;}
.floaticon .floaticonLogo a span{ font-size: 40px; height: 40px; line-height: 20px; color:#2056ac;}
.floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; }
.floaticon .floaticonLogo a.backToTop{ background: #2056ac; color:#fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 25px;}
.floaticon .floaticonLogo a.backToTop span{ color:#fff;}
.weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;}
/* .weixinCode{ bottom:25px; }
.qqCode{ top:100px;} */</pre></body></html>